body,
html {
height: 100%;
}
.w1200 {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.w1380 {
width: 100%;
max-width: 1380px;
margin: 0 auto;
}
.w1810 {
width: 100%;
max-width: 1810px;
margin: 0 auto;
}
/* header */
.btn-menu {
display: none;
}
.logo-two{display: none;}
.header-menu {
width: 100%;
align-items: center;
width: 100%;
/* max-width: 1810px; */
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 30;
}
.header-menu>div {
align-items: center;
}
.header-fixedmenu {
position: fixed!important;
top: 0;
height: 80px;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.header-menu .logo {
max-width: 160px;
max-height: 84px;
overflow: hidden;
}
.header-menu .menu-list {
width: 58%;
}
/* .header-menu .menu-list ul li{
width: 12.5%;
} */
.header-menu .menu-list ul li a,
.header-menu .btn-menu .mobile-nav-box ul li a {
font-size: 20px;
display: block;
color: #fff;
text-align: center;
letter-spacing: 2px;
}
.header-menu .menu-list ul li a {
line-height: 80px;
}
.header-menu .btn-list {
/* width: 5%; */
}
.header-menu .btn-list .btn-language a,
.header-menu .header-button,
.header-menu .btn-menu .mobile-nav {
border: 1px solid #fff;
border-radius: 100%;
color: #ffffff;
font-size: 14px;
font-family: "思源黑体 CN";
display: block;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
}
.header-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
position: relative;
z-index: 1;
display: block;
margin: 0;
padding: 0;
outline: none;
background: url(../images/index/in-ss.png) no-repeat center;
cursor: pointer;
}
#toggle-search.open:after {
top: 40px;
color: #FFFFff;
}
#search-form {
-moz-transition: max-height, 0.5s;
-o-transition: max-height, 0.5s;
-webkit-transition: max-height, 0.5s;
transition: max-height, 0.5s;
position: absolute;
top: 98%;
/*right: 11%;*/
right: 0;
width: 330px;
/*width: 78.5%;*/
max-height: 0;
overflow: hidden;
background-color: #EFC466;
}
#search-form.open {
max-height: 60px;
}
#search-form fieldset {
position: relative;
margin: 0 60px 0 0;
padding: 0;
border: none;
}
#search-form input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 60px;
}
#search-form input[type="text"] {
width: 100%;
padding: 0 5px 0 22px;
background: transparent;
border: none;
color: #FFFFff;
}
#search-form input[type="submit"] {
position: absolute;
bottom: 0;
right: 0;
width: 60px;
margin: 0;
padding: 0;
font-weight: 700;
text-transform: uppercase;
color: #FFFFff;
background: url(../images/index/in-ss.png) no-repeat center #F1A400;
border: none;
cursor: pointer;
}
.header-menu-list .nav>li.on>a,
.header-menu-list .nav>li.on>a>p,
.header-menu-list .nav>li:hover>a,
.header-menu-list .nav>li:hover>a>p {
color: #fbc700;
}
input::-webkit-input-placeholder {
/* 修改字体颜色 */
color: #fff;
/* 修改字号，默认继承input */
font-size: 14px;
}
.header-menu .btn-menu .mobile-nav {
padding: 8px 0;
cursor: pointer;
}
.header-menu .btn-menu .mobile-nav .bar {
position: relative;
display: block;
width: 18px;
height: 1px;
margin: 4px auto;
background-color: #ffffff;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
.mobile-nav-box {
width: 100%;
/* background: rgba(0, 0, 0, 0.8); */
background: #fff;
position: absolute;
top: 80px;
left: 0;
right: 0;
margin: auto;
overflow: auto;
display: none;
z-index: 999999;
}
.header-menu .btn-menu .mobile-nav-box ul li a {
text-align: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
line-height: 40px;
padding: 8px 30px;
}
/* 头部二级导航 */
.header-menu .menu-list ul li .menusub a {
line-height: 21px;
font-size: 16px;
margin-bottom: 0px;
padding: 5px;
}
.menu-list li {
position: relative;
}
.menu-list .menusub {
left: 50%;
transform: translateX(-50%);
display: none;
background: rgba(3, 155, 132,1);
border-radius:10px; word-break: keep-all;
position: absolute;
padding:10px 20px 10px;
text-align: center;
}
.menu-list .menusub:after {
content: '';
display: inline-block;
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 15px solid rgba(3, 155, 132,1);
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
}
.header-fixedmenu .menu-list .menusub:after{ display: none;}
.menu-list .menusub a {
padding: 0;
line-height: 43px;
}
.menu-list .menusub a:hover {
color: #f18101;
}
/* mainer */
.mainer .banner {
position: relative;
}
.mainer .banner .banner-img {
position: relative;
}
.mainer .banner .in-new {
background:rgba(0, 0, 0, 0.5); z-index: 2;
width: 100%;
max-width: 100%;
margin: 0 auto;
position: absolute; padding-bottom:36px;
/* top: 78%; */
bottom: 0;
right: 0;
left: 0;
margin: auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.in-newcon{ position: relative; width: 100%; max-width: 1440px; margin: 0 auto;}
.swiper1 .swiper-button-prev{ cursor: pointer; top: 38%; left: 77px; background: url(../images/index/leftb.png) no-repeat center;}
.swiper1 .swiper-button-next{cursor: pointer; top: 38%;right: 77px; background: url(../images/index/rightb.png) no-repeat center;}
.swiper1 .swiper-button-prev::after,.swiper1 .swp1-next::after{ display: none;}
.mainer .banner .in-new .in-new-h2 {
width: 90%;
margin: 0 auto;
position: relative;
padding: 12px 0;
/* border-top: 1px solid rgba(255, 255, 255, 0.5); */
z-index: 1;
}
.mainer .banner .in-new .in-new-h2 h2{font-size: 20px !important;}
.mainer .banner .in-new .in-new-h2>h2 {
font-size: 22px;
color: #ffffff;
font-family: "思源黑体 CN";
display: block;
}
.mainer .banner .in-new .swiper2 {
width: 90%;
margin: 0 auto;
}
.mainer .banner .in-new .swiper2 .swiper-slide a {
align-items: center;
}
.mainer .banner .in-new .swiper2 .swiper-slide .zs-img {
max-width: 140px;
max-height: 80px;
}
.mainer .banner .in-new .swiper2 .swiper-slide .zs-img img {
width: 100%;
height: 100%;
}
.mainer .banner .in-new .swiper2 .swiper-slide .zs-font {
width: 59%;
}
.mainer .banner .in-new .swiper2 .swiper-slide .zs-font h3,
.mainer .banner .in-new .swiper2 .swiper-slide .zs-font p {
font-size: 20px;
color: #ffffff;
font-family: "思源黑体 CN";
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 25px;
opacity: 0.9;
-moz-opacity: 0.9;
/* Firefox私有属性*/
filter: alpha(opacity=90);
/* IE私有属性，仅适用于IE*/
}
.mainer .banner .swp2{left: 5%;
margin-top: 4px;}
.mainer .banner .swiper-pagination-bullet{ margin-right: 5px; background: #fff; opacity: 1;}
.mainer .banner .swiper-pagination-bullet-active{ background: #e08720;}
.mainer .banner .in-new .swiper-button-next,
.mainer .banner .in-new .swiper-button-prev {
position: absolute;
display: inline-block;
vertical-align: middle;
background: url(../images/index/in-next.png)no-repeat center center;
border-radius: 50%;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
right: -3%;
top: 70%;
margin-right: 10px;
outline-style: unset;
z-index: 5;
}
.mainer .banner .in-new .swiper-button-prev {
background: url(../images/index/in-prev.png)no-repeat center center;
left: -2.2%;
}
.mainer .banner .in-new .swiper-button-next:after,
.mainer .banner .in-new .swiper-container-rtl .swiper-button-prev:after,
.mainer .banner .in-new .swiper-button-prev:after,
.mainer .banner .in-new .swiper-container-rtl .swiper-button-next:after {
display: none !important;
}
.in-intro {
position: relative;
margin: 125px auto 140px auto;
}
.in-intro>h2 {
font-size: 28px;
color: #333333;
font-family: "思源黑体 CN";
line-height: 35px;
text-align: center;
}
.in-intro .in-intro-ul {
margin-top: 70px;
}
.in-intro .in-intro-ul>ul>li {
position: relative;
width: 32%;
}
.in-intro .in-intro-ul>ul>li>a {
width: 100%;
height: 100%;
display: block;
position: relative;
transition: all 0.5s;
}
.in-intro .in-intro-ul>ul>li>a>img {
max-width: 100%;
max-height: 336px;
width: 100%;
}
.in-intro .in-intro-ul .in-intro-li {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
/* padding: 10px 15px 0px; */
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.in-intro .in-intro-ul .in-intro-tit {
font-size: 28px;
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family: "思源黑体 CN";
text-align: center;
vertical-align: middle;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s;
}
.in-intro .in-intro-ul .in-intro-font {
font-size: 16px;
color: #ffffff;
font-family: "思源黑体 CN";
text-align: center;
position: absolute;
top: 45%;
padding: 0 18px;
opacity: 0;
transition: all 0.5s;
margin-top: 18px;
display: -webkit-box;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.in-intro .in-intro-ul>ul>li>a:hover .in-intro-li {
background: rgba(239, 130, 1, 0.8);
}
.in-intro .in-intro-ul>ul>li>a:hover .in-intro-tit {
top: 40%;
left: 50%;
transform: translate(-50%, -40%);
}
.in-intro .in-intro-ul>ul>li>a:hover .in-intro-font {
opacity: 1;
}
.in-hst {
margin-top: 140px;
position: relative;
}
.in-hst .hst-font {
position: absolute;
top: 25%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
color: #ffffff;
padding: 20px;
}
.in-hst .hst-font h3 {
font-size: 32px;
line-height: 40px;
margin-bottom: 20px;
letter-spacing: 4px;
}
.in-hst .hst-font h4 {
font-size: 28px;
line-height: 30px;
margin-bottom: 35px;
letter-spacing: 3px;
}
.in-hst .hst-font p {
font-size: 16px;
line-height: 25px;
letter-spacing: 2px;
}
.in-hst .hst-font .hst-ul {
margin-top: 95px;
}
.in-hst .hst-font .hst-ul li {
width: 31.5%;
}
.in-hst .hst-font .hst-ul li a {
width: 100%;
max-height: 88px;
color: #ffffff;
font-size: 28px;
text-align: center;
line-height: 88px;
display: block;
border: 1px solid #ffffff;
border-radius: 44px;
}
/* 基地展示 */
.in-jd {
background: #F0F4F7;
padding: 110px 0 95px 0;
}
.in-jd .jd-list {
align-items: center;
}
.in-jd .jd-list .jd-list-left {
width: 70%;
position: relative;
}
.in-jd .jd-list .jd-list-left img {
width: 100%;
}
.in-jd .jd-list .jd-list-left .jd-spot li {
position: absolute;
cursor: pointer;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(1) {
top: 265px;
left: 110px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(2) {
top: 260px;
left: 385px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(3) {
top: 350px;
left: 570px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(4) {
top: 535px;
left: 500px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(5) {
top: 428px;
left: 690px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(6) {
top: 690px;
left: 635px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(7) {
top: 760px;
left: 620px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(8) {
top: 130px;
left: 882px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(9) {
top: 200px;
left: 865px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(10) {
top: 260px;
left: 832px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(11) {
top: 360px;
left: 775px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(12) {
top: 651px;
left: 732px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(13) {
top: 690px;
left: 705px;
}
/* .in-jd .jd-list .jd-list-left .jd-spot li span,
.in-jd .jd-list .jd-list-left .jd-spot li font {
display: inline-block;
vertical-align: middle;
} */
.in-jd .jd-list .jd-list-left .jd-spot li font {
font-size: 22px;
color: #ef8200;
display: block;
margin-left: -20px;
margin-bottom: 18px;
/* font-family: "方正兰亭中黑_GBK"; */
font-family: "思源黑体 CN";
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(2) font {
margin-left: -35px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(3) font {
margin-left: -40px;
font-size: 28px;
margin-bottom: -95px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(4) font {
margin-left: -40px;
margin-bottom: -53px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(5) font {
margin-left: -40px;
margin-bottom: -53px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(6) font {
margin-left: -90px;
margin-bottom: -15px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(7) font {
margin-left: 25px;
margin-bottom: -15px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(8) font {
margin-left: -120px;
margin-bottom: -15px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(9) font {
margin-left: -130px;
margin-bottom: -15px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(10) font {
margin-left: 28px;
margin-bottom: -15px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(11) font {
margin-left: 28px;
margin-bottom: -17px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(12) font {
margin-left: 28px;
margin-bottom: -17px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(13) font {
margin-left: -28px;
margin-bottom: -35px;
}
.in-jd .jd-list .jd-list-left .jd-spot li span i {
display: block;
width: 8px;
height: 8px;
background: #EF8201;
border-radius: 50%;
position: relative;
}
.in-jd .jd-list .jd-list-left .jd-spot li span i:before {
content: '';
display: block;
width: 25px;
height: 25px;
border-radius: 50%;
background: rgba(239, 130, 1, .1);
position: absolute;
top: -9px;
left: -9px;
}
.in-jd .jd-list .jd-list-left .jd-spot li span i:after {
content: '';
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(239, 130, 1, .1);
position: absolute;
top: -16px;
left: -16px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(3) span i {
width: 23px;
height: 23px;
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(3) span i:before {
width: 57px;
height: 57px;
top: -17px;
left: -17px;
background: rgba(239, 130, 1, .2);
}
.in-jd .jd-list .jd-list-left .jd-spot li:nth-child(3) span i:after {
width: 88px;
height: 88px;
top: -33px;
left: -33px;
background: rgba(239, 130, 1, .2);
}
.in-jd .jd-list .jd-list-left .jd-spot li:hover span i:before {
transform: scale(1.3);
transition: all 0.5s;
}
.in-jd .jd-list .jd-list-left .jd-spot li:hover span i:after {
transform: scale(1.5);
opacity: 0;
transition: all 0.5s;
}
.in-jd .jd-list .jd-list-right {
width: 30%;
padding: 0 0 0 100px;
}
.in-jd .jd-list .jd-list-right>h3 {
font-size: 36px;
color: #000000;
line-height: 48px;
}
.in-jd .jd-list .jd-list-right>h4 {
font-size: 28px;
color: #282828;
line-height: 30px;
margin-top: 15px;
}
.in-jd .jd-list .jd-list-right>p {
font-size: 28px;
color: #282828;
line-height: 30px;
margin-top: 65px;
vertical-align: middle;
}
.in-jd .jd-list .jd-list-right>p>span {
font-size: 60px;
color: #ef8201;
vertical-align: middle;
font-weight: 500;
}
/* 海稻知识 */
.in-zs {
position: relative;
padding: 100px 0px 130px 0px;
background: url(../images/index/in-zsbgm.jpg)no-repeat center center;
background-size: 100% 100% !important;
}
.in-zs .zs-tit {
text-align: center;
margin-bottom: 60px;
}
.in-zs .zs-tit h3 {
font-size: 36px;
color: #000000;
line-height: 45px;
font-weight: 600;
}
.in-zs .zs-tit p {
font-size: 28px;
font-family: "思源黑体 CN";
color: #282828;
line-height: 30px;
margin-top: 18px;
}
.in-zs ul {
align-items: center;
}
.in-zs ul li {
width: 32%;
position: relative;
overflow: hidden;
margin-right: 25px;
}
.in-zs ul li:nth-child(3n) {
margin-right: 0px;
}
/* .in-zs ul li a{
width: 100%;
height: 100%;
display: block;
position: relative;
overflow: hidden;
background-size: cover !important;
transition: background .3s;
} */
.in-zs ul li a>img {
width: 100%;
max-height: 400px;
transition: all 0.5s;
}
.in-zs .zs-cont {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 0 6% 45px 4%;
z-index: 2;
background: rgba(0, 0, 0, 0.2);
transition: bottom .3s;
min-height: 191px;
padding: 40px 30px;
overflow: hidden;
}
.in-zs .zs-h3 {
color: #ffffff;
position: absolute;
top: 40px;
left: 30px;
right: 30px;
}
.in-zs .zs-h3>h3 {
font-size: 28px;
font-family: "思源黑体 CN";
line-height: 32px;
margin-bottom: 25px;
}
.in-zs .zs-h3>p {
font-size: 20px;
font-family: "思源黑体 CN";
line-height: 25px;
display: -webkit-box;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.in-zs .zs-cont p {
font-size: 16px;
font-family: "思源黑体 CN";
line-height: 20px;
color: #ffffff;
display: -webkit-box;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.in-zs ul li:hover a>img,
.in-zs ul li dl dd a:hover .zs-dd-img>img {
transform: scale(1.1);
}
.in-zs ul li dl dd {
margin-bottom: 23px;
}
.in-zs ul li dl dd a {
align-items: center;
}
.in-zs ul li dl dd:nth-child(3) {
margin-bottom: 0px;
}
.in-zs .zs-dd-img {
max-width: 130px;
max-height: 130px;
overflow: hidden;
}
.in-zs .zs-dd-img img {
width: 100%;
height: 100%;
transition: all 0.5s;
}
.in-zs .zs-dd-font {
width: 66.5%;
padding-left: 28px;
font-size: 20px;
font-family: "思源黑体 CN";
color: 282828;
display: -webkit-box;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
/* footer */
/* footer */
.footer {
background: #fbfbfb;
padding: 60px 0;
}
.footer .foot-top {
align-items: center;
padding-bottom: 35px;
}
.footer .foot-top .foot-top-logo {
max-width: 160px;
max-height: 84px;
overflow: hidden;
}
.footer .foot-top .foot-top-logo img {
width: 100%;
}
.footer .bshare-custom .bshare-weixin {
width: 29px;
height: 29px;
background: url(../images/new/icon_wx.png) no-repeat !important;
margin-right: 9px;
background-size: 100% !important;
}
.footer .bshare-custom .bshare-sinaminiblog {
width: 29px;
height: 29px;
background: url(../images/new/icon_sina.png) no-repeat !important;
background-size: 100% !important;
}
.footer .foot-cen {
border-top: 1px solid #f2f3f5;
border-bottom: 1px solid #f2f3f5;
padding: 42px 0px 88px 0px;
}
.footer .foot-cen .flexsb{ align-items: unset;}
/* .footer .foot-cen ul li{
width: 16%;
} */
.footer .foot-cen ul li dl dt {
margin-bottom: 17px;
}
.footer .foot-cen ul li dl dt a,
.footer .foot-bot .foot-bot-left ul li a {
font-size: 16px;
font-family: "思源黑体 CN";
/* color: rgba(255, 255, 255, 0.8); */
color:#5f6464;
}
.footer .foot-cen ul li dl dt a:hover {
/* color: rgba(255, 255, 255, 0.3); */
opacity: 0.8;
}
.footer .foot-cen ul li dl dd a,
.footer .foot-bot .foot-bot-left p,
.footer .foot-bot .foot-bot-left p a {
/* color: rgba(255, 255, 255, 0.3); */
color:#5f6464;
font-size: 16px;
font-family: "思源黑体 CN";
line-height: 25px;
}
.footer .foot-cen ul li dl dd a:hover {
/* color: rgba(255, 255, 255, 1); */
opacity: 0.8;
}
.footer .foot-bot {
align-items: center;
padding-top: 40px;
}
.footer .foot-bot .foot-bot-left {
width: 75%;
}
.footer .foot-bot .foot-bot-left ul {
margin-bottom: 20px;
}
.footer .foot-bot .foot-bot-left ul li {
margin-right: 22px;
}
.footer .foot-bot .foot-bot-left ul li:last-child {
margin-right: 0px;
}
.footer .foot-bot .foot-bot-left>p {
line-height: 28px;
}
.footer .foot-bot .foot-bot-left>p a:hover {
color:#5f6464; opacity: 0.8;
}
.footer .foot-bot .foot-bot-right {
width: 25%;
position: relative;
}
.footer .foot-bot .foot-bot-right .foot-firendship {
width: 240px;
height: 50px;
line-height: 48px;
border: solid 1px #5a5c61;
text-indent: 20px;
overflow: hidden;
background: url(../images/index/foot-jt.png) #fbfbfb no-repeat right 20px center;
float: right;
font-size: 16px;
color: #84868a;
cursor: pointer;
box-sizing: border-box;
}
.footer .foot-bot .foot-bot-right>ul {
position: absolute;
bottom: 48px;
right: 0;
z-index: 5;
width: 240px;
background: #fbfbfb;
border: solid 1px #5a5c61;
box-sizing: border-box;
display: none;
}
.footer .foot-bot .foot-bot-right>ul>li {
border-bottom: solid 1px #5a5c61;
}
.footer .foot-bot .foot-bot-right>ul>li:last-child {
border-bottom: none;
}
.footer .foot-bot .foot-bot-right>ul>li>a {
display: block;
line-height: 38px;
height: 38px;
font-size: 16px;
color: #84868a;
padding: 0 12px;
box-sizing: border-box;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
word-break: break-all;
transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
}
.footer .foot-bot .foot-bot-right>ul>li>a:hover {
/* color: #fff; */
}
.bsBox {
overflow: hidden;
}
.bsTop,
.bsFrameDiv {
width: 100% !important;
}
.bsFrameDiv {
height: 90% !important;
}
.footer .foot-bot .foot-bot-left ul{display: none !important;}
/* 侧边栏样式 */
.inleft-menu { position: fixed; top: 50%; right: -200px; z-index: 200; visibility: hidden; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.inleft-menu.active { right: 0; visibility: inherit; opacity: 1; }
.inleft-menuitem { position: relative; }
.inleft-menuitem > a { display: flex; width: 70px; height: 70px; border: 1px solid #f2f3ef; background: #fff; align-items: center;justify-content: center;}
.inleft-menuitem > a img { }
.inleft-menuitem:hover .inleft-menuview { margin-right: 0; visibility: inherit; opacity: 1; }
.inleft-menuview { height: 100%;position: absolute; right: 100%; top: 50%; z-index: 10; width: auto; margin-right: 20px; white-space: nowrap; background: #fff; padding: 10px 10px; font-size: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 10px 10px 20px -10px #aaa; box-shadow: 10px 10px 20px -10px #aaa; visibility: hidden; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.inleft-menuview:after { position: absolute; top: 50%; left: 100%; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ""; }
.inleft-menuli { vertical-align: top; text-align: center; }
.inleft-menuli:last-of-type { margin-right: 0; margin-bottom: 0; }
.inleft-menuli img { width: 100%; }
.inleft-menuli a { display: block; width: 100%; height: auto; line-height: 1.83333; font-size: 16px; border: none; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; line-height: 50px;}
.inleft-menuli a:hover { color: #f18101; text-decoration: underline; }
.inleft-menuli h6 { margin-top: 2px; line-height: 1.83333; font-size: 12px; }
.inleft-menuview2 { position: absolute; bottom: 8px; right: 100%; z-index: 10; border: 1px solid #f4f3ef; padding: 7px 7px 15px; width: 100px; background: #ffffff; -webkit-box-shadow: 10px 10px 20px -10px #aaa; box-shadow: 10px 10px 20px -10px #aaa; }
.inleft-menuview2 img { width: 100%; border: 1px solid #d0d0d0; }
.inleft-menuview2 h5 { margin-top: 8px; text-align: center; line-height: 1.33333; font-size: 12px; color: #282828; }
.inleft-menuview2:after { position: absolute; bottom: 16px; left: 100%; z-index: 3; border-left: 8px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; content: ""; }
.infooter { background: #c4c0bc; }
.infooter-top { padding: 30px 0 20px; }
.infooter-item { border-bottom: 1px solid #aca9a4; }
.infooter-item:last-of-type { border-bottom: none; }
.infooter-h3 { position: relative; }
.infooter-h3 a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #86837e; }
.infooter-h3.active .infooter-span { display: block; }
.infooter-h3.active:after { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #aca9a4; border-right: 2px solid #aca9a4; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }
.infooter-h3.active2:after { -webkit-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); }
.infooter-span { position: absolute; bottom: 0; right: 0; z-index: 10; display: none; width: 40%; height: 100%; }
.infooter-menu { display: none; border-top: 1px solid #aca9a4; }
.infooter-menu a { position: relative; display: block; width: 100%; line-height: 35px; padding: 0 10px; font-size: 14px; color: #6a6662; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.infooter-menu a:hover { color: #f18101; }
.infooter-menu a:hover .infooter-menuweim { visibility: inherit; opacity: 1; margin-left: 0; }
.infooter-fen { text-align: center; font-size: 0; }
.infooter-fen a { position: relative; display: inline-block; vertical-align: top; width: 42px; height: 42px; margin: 0 5px; border: 1px solid #96938e; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.infooter-fen a img { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.infooter-fen a .infooter-fenicon1 { width: 100%; }
.infooter-fen a .infooter-fenicon2 { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; }
.infooter-fen a:hover { border-color: #f18101; }
.infooter-fen a:hover .infooter-fenicon1 { visibility: hidden; opacity: 0; }
.infooter-fen a:hover .infooter-fenicon2 { visibility: inherit; opacity: 1; }
.infooter-fen a:hover .infooter-fenview { margin-bottom: 0px; visibility: inherit; opacity: 1; }
.infooter-fenview { position: absolute; bottom: 100%; left: 50%; z-index: 10; width: 94px; padding-bottom: 5px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 20px; visibility: hidden; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; }
.infooter-fenview:after { position: absolute; bottom: 0; left: 50%; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
.infooter-fenview img { width: 100%; border: 4px solid #fff; }
.infooter-btm { border-top: 1px solid #aca9a4; padding: 10px 0 10px; line-height: 1.69231; text-align: center; font-size: 13px; color: #86837e; }
.infooter-btm a { color: #86837e; }
@media screen and (max-width: 600px){
.inleft-menu{display: none;}
}
.guanzhu_weixin .iconfont_w {
width: 29px;
height: 29px;
background: url(../images/new/icon_wx.png) no-repeat !important;
margin-right: 9px;
background-size: 100% !important;
cursor: pointer;
}
.guanzhu_weixin{position: relative;}
.wixin_imgbox{position: absolute;top: -140px;left: -45px;width: 120px;transition: all 0.4s;opacity: 0;pointer-events: none;}
.wixin_imgbox img{width: 100%;}
.guanzhu_weixin:hover .wixin_imgbox{opacity: 1;top: -130px;pointer-events: auto;}
/* 9.2新增样式 */
.nbanner {position: relative;}
.nbanner::after{display: block;content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.3);}
.nbanner .word{z-index: 3;}
.in-zs .zs-h3{position: static !important;}
.pcontent .swiper-slide .con{padding-right: 10px;}
.img_alert { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; }
.img_alertbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; }
.img_alertbox .img_albox { max-width: 50%; margin: 0 auto; max-height: 80%; }
.close_btn { position: absolute; right: 50px; top: 50px; cursor: pointer; width: 40px; }
.img_alert { display: none; }
.img_albox img{height: 80vh;}
@media screen and (max-width: 768px){
.close_btn{right: 15px;}
.close_btn img{width: 20px;}
.img_albox img{height: auto;}
}